<template>
	<div>
		<el-cascader size="large" :options="options" v-model="selectedOptions" @change="handleChange" placeholder="请选择地区"
			style="width: 100%;" clearable>
		</el-cascader>
	</div>
</template>

<script>
	import { regionData } from 'element-china-area-data'
	export default {
		props: {
			arrOptions: {
				// 回显数组
				type: Array,
				default: () => {
					return [];
				}
			}
		},
		data() {
			return {
				options: regionData,
				selectedOptions: []
			}
		},
		methods: {
			handleChange(value) {
				this.$emit('getData',value)
			}
		}
	}
</script>

<style scoped>

</style>
